@import "common";
#xz-roof {
    height: 80px;
    width: 100%;
    display: block;
    background: url(../img/roof.jpg) no-repeat center top;  
}     
#xz-banner{   
    height:450px;
    width:100%;
    position:relative;
    overflow: hidden;
    z-index:2;
    .xz-banner-a{    
        display: none;
        height:450px;
        width:100%;
        top:0;
        left: 0; 
        overflow:hidden;
        top:0;
        img{
            height:450px; 
            margin:0 auto;
            position:absolute;
            left:50%;
            margin-left:-800px;
        }
    }
     
    #xz-banner-left{
        width:50px;
        height:95px;
        background: url(../img/Logos.png) -270px 0px;
        position:absolute;
        top:180px;
        left:-30px;
        //left:30px;
        opacity:0;
        filter:alpha(filter=0);
        cursor:pointer;
    }
    #xz-banner-right{
        width:50px;
        height:95px;
        background: url(../img/Logos.png) -330px 0px;
        position:absolute;
        top:180px;
        right:-30px; 
       // right:30px;
        cursor:pointer;
         opacity:0;
        filter:alpha(filter=0);
    } 
    #xz-banner-pointer{  
         height:13px;
         position:absolute;
         left:50%;
         margin-left:34px;
         bottom:20px;
         a{ 
             width: 13px;
             height: 13px;
             background: url(../img/Logos.png) no-repeat -50px -137px;
             float: left;
             margin: 0 10px;
             cursor: pointer;
         }
    }
}//轮播图
#xz-main-content{
    background: #f1f1f1;
    width:100%;
    position: relative;
    a:hover{
        color:#e73a77;
    } 
    #xz-main-content-warp1{
        width:1100px;
        height:866px;
        padding-top:30px;
        margin:0 auto;
        .xz-main-content-warp1-h2{
            float: left;
            margin-bottom:20px;
            width:850px;
            height:26px;
            text-align: left;
            padding-right: 19px;
            box-sizing: border-box;
            span{
               font-size: 18px;
               color: #7d7d7d;
               margin-left: 5px;
               font-family: tahoma, geneva, sans-serif;
                font-weight: lighter;
            }
            #xz-content-Notice{
                float: right;
                height:26px;
                width:41px;
                background:url(../img/Logos.png) -560px -280px ;
            }
            a {  
                 cursor: pointer;
                float:right;
                width:96px;
                border:none;
                outline: none;
                font-size:12px;
                 color: #7d7d7d;
                 line-height:26px;
        
            }
        }
        #xz-main-content-warp1-two{
            width:250px;
            padding:0;
        }
        .xz-main-content-warp1-son{
            cursor: pointer;
            float:left;
            width:245px;
            height:380px;
            padding:10px;
            margin:0 19px  15px 0; 
            background:#fff;
            img{
                width:245px;
                height:245px;
            }
            .xz-main-content-timer{
                width:245px;
                height:30px;
                background: url(../img/timerback.png) 0 0;
                font-size:14px;
                line-height:30px;
                color:#FFFFFF;
            }
            h4{
               font-size: 14px;
               margin: 10px 0 3px;    
               line-height: 22px;
               height: 46px;
               overflow: hidden;
               text-align: left;
            a:hover{
                color:#e73a77
            }
            a{
                color: #666;
                font-weight: normal;
            }
            
            }
            .xz-content-salepirce{
                display: inline-block;
                width:245px;
              .xz-content-salepirce-now{
                     font-size: 24px;
                     color: #ed1477;
                      float: left;
                     display: inline;
                      margin-right: 3px;
                      font-family: tahoma;
                }
                .xz-content-salepirce-old{
                    float: left; 
                    font-size:12px;
                    line-height:35px;
                    text-decoration:line-through;
                }
                .xz-content-but{
                    width:108px;
                    height:37px;
                    float: right;
                    background:#f31f64;
                    color:#fff;
                    cursor: pointer;
                    line-height:37px;
                    font-size:18px;
                }
          
              }
        }//xz-main-content-warp-son
            #xz-main-content-warp1-son1{
                height:400px;
                width:248px;
                float: left;
                background:#FFFFFF;
              a{
                img{
                   width:248px;
                   height:336px; 
                }
                span{  
                    text-align: center;
                    display: block;
                    height:34px;
                    width:248px;
                     font-size:14px;
                     line-height:34px;
                     font-weight: bold;
                }
               } 
               a:hover{color: #e73a77}
            }
            #xz-main-content-warp1-son2{
                height:400px;
                width:248px;
                float: left;
                background:#FFFFFF;
                #xz-main-content-warp1-two{
                    background:#f1f1f1;
                    height:36px;
                }
                    
                #xz-main-content-warp1-grandson{
                     width:224px;
                     padding:13px 16px 0 13px;
                     display: inline-block;
                .xz-main-content-warp1-grandson1{
                    position:relative;
                    overflow: hidden;
                     
                #xz-main-content-warp1-grandson2{
                    display: block;
                    text-align: center;
                    color: #fff;
                    background: #ff80b3;
                    width: 225px;
                    height: 95px; 
                    font-size: 18px;
                    padding-top: 12px;
                    position: absolute;
                    left: 0; 
                    bottom: -107px;
                    overflow: hidden;
                }
                    
                }
                
                }
                
            }
    }
    //第二部分内容
    #xz-main-content-warp2{
        //标题
        width:1100px;
        margin:0 auto; 
        .xz-main-content-warp2-h2{
            margin-top:30px;
            text-align: left;
            margin-bottom:20px;
            width:1100px; 
            height:26px;
            padding-right: 19px;
            box-sizing: border-box;
            font-size: 20px;
            span{
               font-size: 20px;
               color: #7d7d7d;
               margin-left: 5px;
               font-family: tahoma, geneva, sans-serif;
                font-weight: lighter;
            } 
        } 
        #xz-main-content-warp2-son{
            height:142px;
            width:1100px;
           .xz-main-content-warp2-grandson{
             float:left;
             width:122px;
             height:71px;  
             box-sizing: border-box;
             overflow: hidden;
           }
        }
         .xz-main-content-warp2-grandson:hover{
             border:1px #ED1477 solid;
             border-bottom:1px #ED1477 solid;
         }
    } 
    //第三部分内容
     #xz-main-content-warp3{
         display: inline-block;
         width:1100px;
         margin:0 auto; 
           .xz-main-content-warp3-h2{
            margin-top:30px;
            text-align: left;
            margin-bottom:20px;
            width:1100px; 
            height:26px;
            padding-right: 19px;
            box-sizing: border-box;
            font-size: 20px;
            span{
               font-size: 20px;
               color: #7d7d7d;
               margin-left: 5px;
               font-family: tahoma, geneva, sans-serif;
                font-weight: lighter;
            } 
            #xz-main-content-warp3-list{
                float: right;
                padding-right:30px;
                li{
                    color: #999;
                    line-height: 35px;
                    float: left;
                    font-size:14px;
                    a{
                       font-size:14px;
                       color: #999;
                        margin: 0 12px;
                        line-height: 35px;
                        font-weight: 100;
                    } 
                     a:hover{
                        color:#e73a77
                    }
                }
            }
            i{ 
                a{
                 color: #999;
                 line-height: 35px;
                 font-size:16px;
                 float: right;
                 font-style: initial;
                 }
            }
        }
        .xz-main-content-warp3-son{    
            width:333px;
            height:312px;
            padding:16px;
            background:#FFFFFF;
            float: left;
            margin-right: -1px;
            border: solid 1px #f8f8f8;
            position: relative;
        .xz-main-content-warp3-son-a{
            display:inline-block  ;
            position:relative;
            img{
                width:333px;
                height:216px;
            }
            #xz-main-content-warp3-grandson{
                width:35px;
                height:65px;
                padding:5px;
                position:absolute;
                top:16px;
                left:26px;
                font-size:14px; 
                color:#FFFFFF;
                background: url(../img/content-logo.png) -120px -15px; ;
                
           
            }
        }
          p{
             text-align: left;
              font-size: 14px;
              color: #777;
              line-height: 24px;
              white-space: nowrap;
              margin:0;
              padding-left:5px;
          }
          
            #xz-main-warp3-small{
                 text-align: left;
                 display: block;
                 font-size: 14px;
                 font-weight: 100;
                 line-height: 24px;
                 margin-top: 10px;
                 padding-left:5px;
               }
            .xz-content-salepirce1{
                display: inline-block;
                width:333px;
                position: relative;
               #xz-main-warp3-logo1{
                   color:#FFFFFF;
                   text-align: center;
                   width:40px;
                   height:20px;
                   font-size: 12px;
                   position:absolute;
                   left:83px;
                   bottom:9px;
                   background:url(../img/content-logo.png) -78px 0;
               }
              .xz-content-salepirce-now1{
                     font-size: 24px;
                     color: #ed1477;
                      float: left;
                     display: inline;
                      margin-right: 3px;
                      font-family: tahoma;
                }
                .xz-content-salepirce-old1{
                    float: left; 
                    font-size:12px;
                    line-height:35px;
                    text-decoration:line-through;
                }  
                .xz-content-but{
                    width:108px;
                    height:37px;
                    position: absolute;
                    right:0px;
                    bottom:0;
                    background:#f31f64;
                    color:#fff;
                    cursor: pointer;
                    line-height:37px;
                    font-size:18px;
                    display: none;
                }   
                #xz-main-warp3-end{
                    position:absolute;
                    right:0;
                    bottom:0;
                    font-weight: bold;
                    font-size:14px;
                    span{ 
                        font-weight: normal;
                    } 
                }   
                
              } 
        }
        
     }
}
 //客服窗口
 #xz-servie{
       display: block;
       width:40px;
       height:200px;
       position:fixed;
       right:0;
       top:50%;
       margin-top: -80px;
       background:#fd80ba;
       z-index:100;
       border-radius: 5px;
       cursor: pointer;
       img{
           margin-top:10px;
           margin-right:10px;
           width:25px;
           height:24px;
       }
       span{
           margin-top:15px;
           font-size:16px;
           color:#FFFFFF;
           display: inline-block;
           word-break: break-all;
           width:16px;
       }
       }   

 #xz-menu1{
    z-index: 1;
    position: fixed;
    left:90px;
    top:50%;
    margin-top:-210px;
    display:inline-block;
    display: none;
     li{
         background: url(../img/newHome-icon.png);
         width:38px;
         height:38px;
         a{  
             display:inline-block;
             width:38px;
             height:38px;
             background:#fd80ba;
             color:#FFFFFF;
             display: none;
         }
         a:hover{
             color:#FFFFFF;
         }
     }
 } 
 
 #xz-menu2{
     position:fixed;
     right:0;
     top:50%;
     margin-top:-135px;
     display: inline-block;
     display: none;
     li{
         height:66px;
         width:65px;
         margin-bottom: 5px;
         a{
             display:block;
             height:66px;
              width:65px; 
              background:url(../img/toolbar.png);           
         }
         a:hover{
             background-position-x: -66px;;
         }
         
     }
 }
                    